// 此文件为背景颜色公共样式文件

/* ============================================ 直接props属性 */
/* 额外情况 */
._focus-bgColor-black{ background-color: #000000; }
._focus-bgColor-white{ background-color: #FFFFFF; }
._focus-bgColor-background{ background-color: $focus-color-background; }
/* 常规系 */
._focus-bgColor-primary{ background-color: $focus-color-primary; }
._focus-bgColor-success{ background-color: $focus-color-success; }
._focus-bgColor-warning{ background-color: $focus-color-warning; }
._focus-bgColor-error{ background-color: $focus-color-error; }
._focus-bgColor-info{ background-color: $focus-color-info; }
/* 浅色系 */
._focus-bgColor-primary-light{ background-color: $focus-color-primary-light; }
._focus-bgColor-success-light{ background-color: $focus-color-success-light; }
._focus-bgColor-warning-light{ background-color: $focus-color-warning-light; }
._focus-bgColor-error-light{ background-color: $focus-color-error-light; }
._focus-bgColor-info-light{ background-color: $focus-color-info-light; }
/* 暗色系 */
._focus-bgColor-primary-dark{ background-color: $focus-color-primary-dark; }
._focus-bgColor-success-dark{ background-color: $focus-color-success-dark; }
._focus-bgColor-warning-dark{ background-color: $focus-color-warning-dark; }
._focus-bgColor-error-dark{ background-color: $focus-color-error-dark; }
._focus-bgColor-info-dark{ background-color: $focus-color-info-dark; }
/* 禁用系 */
._focus-bgColor-primary-disabled{ background-color: $focus-color-primary-disabled; }
._focus-bgColor-success-disabled{ background-color: $focus-color-success-disabled; }
._focus-bgColor-warning-disabled{ background-color: $focus-color-warning-disabled; }
._focus-bgColor-error-disabled{ background-color: $focus-color-error-disabled; }
._focus-bgColor-info-disabled{ background-color: $focus-color-info-disabled; }
/* 渐变系 */
._focus-bgColor-primary-gradual{ background-image: linear-gradient(to bottom right, #0D57FF, #6716CE); }
._focus-bgColor-success-gradual{ background-image: linear-gradient(to bottom right, #36B7FA, #98E11A); }
._focus-bgColor-warning-gradual{ background-image: linear-gradient(to bottom right, #FFD100, #FFFFFF); }
._focus-bgColor-error-gradual{ background-image: linear-gradient(to bottom right, #FC58B3, #FEAE68); }

/* ============================================ 点击伪类效果 */
._focus-bgColor-white-hover{ background-color: #FFFFFF; transition-property: background-color; transition-duration: 0.3s; }
._focus-bgColor-white-hover:active{ background-color: $focus-color-info-light; }
._focus-bgColor-primary-hover{ background-color: $focus-color-primary; transition-property: background-color; transition-duration: 0.3s; }
._focus-bgColor-primary-hover:active{ background-color: $focus-color-primary-dark; }
._focus-bgColor-success-hover{ background-color: $focus-color-success; transition-property: background-color; transition-duration: 0.3s; }
._focus-bgColor-success-hover:active{ background-color: $focus-color-success-dark; }
._focus-bgColor-warning-hover{ background-color: $focus-color-warning; transition-property: background-color; transition-duration: 0.3s; }
._focus-bgColor-warning-hover:active{ background-color: $focus-color-warning-dark; }
._focus-bgColor-error-hover{ background-color: $focus-color-error; transition-property: background-color; transition-duration: 0.3s; }
._focus-bgColor-error-hover:active{ background-color: $focus-color-error-dark; }
._focus-bgColor-info-hover{ background-color: $focus-color-info; transition-property: background-color; transition-duration: 0.3s; }
._focus-bgColor-info-hover:active{ background-color: $focus-color-info-dark; }
